<template>
  <el-container>
    <!--<el-header style="height: 80px;">-->
      <!--<component-header/>-->
    <!--</el-header>-->
    <el-main style="padding-top: 0"><personal-center-body/></el-main>
    <!--<el-footer>-->
      <!--<component-main-footer/>-->
    <!--</el-footer>-->
  </el-container>

</template>

<script>
  //import HeaderCpt from '../HeaderCpt.vue'
  //import MainFooter from '../MainFooter.vue'
  import PersonalCenterBody from './PersonalCenterBody.vue'

  export default {
    name: "PersonalCenter",
    components: {
      // 'component-header': HeaderCpt,
      //'component-main-footer': MainFooter,
      'personal-center-body': PersonalCenterBody,
    }
  }
</script>

<style scoped>
  .el-header{
    text-align: center;
    line-height: 60px;
  }

  .el-aside {
    text-align: center;
    line-height: 200px;
  }

  .el-main {
    background-color: #f5f5f5;
    text-align: center;
    line-height: 60px;
  }

  body > .el-container {
    margin-bottom: 40px;
  }
</style>
